@charset "utf-8";
body{ background: #f6f7f9; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
/* --------------index-start-------------- */
.contBox { padding: .4rem .2rem 0;}
.leftCont { float: left; width: 9.55rem;}
.inforCont { float: left; padding: .11rem .04rem 0; width: 4.65rem; background: #ffffff; height: 4.98rem;}
.titleCell { line-height: .36rem; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.titleIcon { width: .44rem; height: .36rem; display: block; position: relative; float: left;}
.titleCell p {color: #4f5468; font-size: .14rem; font-weight: bold;}
.titleIcon img { display: block; width: .28rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.inforBox { padding: .3rem .13rem 0;}
.userInfor { float: left; width: 1.42rem; text-align: center;}
.userPic { width: .74rem; margin: 0 auto; border-radius: .08rem; overflow: hidden;}
.userName { margin: .12rem 0 .06rem; line-height: .16rem; font-size: .12rem; color: #4f5468; font-weight: bold;}
.userName span { margin-left: .07rem; border-radius: .03rem; padding: 0 .08rem; display: inline-block; color: #ffffff; background: #4472c4; vertical-align: top;}
.userNumber { font-size: .12rem; color: #898989; line-height: 1;}
.inforList {padding-left: .3rem; border-left: 1px solid #e8e8e8; float: right; width: calc(100% - 1.45rem);}
.inforList li {line-height: .26rem; overflow: hidden;}
.inforList li p { float: left; font-size: .14rem; color: #898989;}
.inforList li span { max-width: calc(100% - .7rem); float: left; font-size: .14rem; color: #000000;}
.selfCont { float: right; width: 4.75rem;}
.honorBox { background: #ffffff; height: 2.55rem; margin-bottom: .16rem; padding: .11rem .04rem 0;}
.honorList { padding: .36rem 0 0 .45rem;}
.honorList h3 { margin-bottom: .07rem; font-size: .16rem; color: #4c4948; font-weight: bold;}
.honorList li { line-height: .32rem; overflow: hidden;}
.honorList li p { float: left; font-size: .16rem; color: #898989;}
.honorList li span { float: left; font-size: .16rem; color: #000000;}
.noticeBox { background: #ffffff; height: 2.27rem;}
.noticeSlide { padding: .44rem .45rem 0;}
.noticeIcon { float: left; width: .38rem; height: .34rem; position: relative;}
.noticeIcon img { width: .27rem; position: absolute; left: 0; top: 50%; margin-top: -.17rem;}
.noticeSlide li { margin-bottom: .16rem; line-height: .34rem;}
.noticeSlide li::after { content: ''; clear: both; display: block; height: 0;}
.noticeSlide li p { color: #4c4948; font-weight: bold; font-size: .18rem; float: left;}
.noticeStep { float: left; margin: .13rem .15rem 0; height: .07rem; border-radius: .07rem; position: relative; width: 2.1rem;}
.noticeSlide span { float: right; font-size: .18rem; font-weight: bold; color: #4c4948;}
.noticeSlide span b { font-weight: bold;}
.noticeStep i { height: 100%; border-radius: .07rem; position: absolute; left: 0; top: 0;}
.noticeSlide li:nth-child(1) i { background: #f69a5b;}
.noticeSlide li:nth-child(2) i { background: #42d3d1;}
.nearGo { height: 2.8rem; margin-top: .18rem; background: #ffffff; padding: .23rem .06rem 0;}
.goStep ul {padding-top: .5rem; overflow: hidden; position: relative;}
.goStep ul::after { content: ''; position: absolute; top: 1.39rem; left: 0; right: 0; height: 1px; background: #e5e5e5;}
.goStep li { float: left; width: 20%;}
.dateCont { border-radius: 3px; margin: 0 auto; padding: .12rem .05rem 0; text-align: center; width: .88rem; height: .52rem; font-size: .12rem; font-weight: bold; color: #ffffff;}
.goStep li:nth-child(1) .dateCont { background: #42d3d1;}
.goStep li:nth-child(2) .dateCont { background: #4472c4;}
.goStep li:nth-child(3) .dateCont { background: #7c74c9;}
.goStep li:nth-child(4) .dateCont { background: #fdc806;}
.goStep li:nth-child(5) .dateCont { background: #f89a5a;}
.goStep li span { position: relative; z-index: 2; display: block; background-size: 100% auto!important; width: .18rem; height: .28rem; margin:.17rem auto .13rem;}
.goStep li:nth-child(1) span { background: url(../images/8.jpg) center no-repeat;}
.goStep li:nth-child(2) span { background: url(../images/9.jpg) center no-repeat;}
.goStep li:nth-child(3) span { background: url(../images/10.jpg) center no-repeat;}
.goStep li:nth-child(4) span { background: url(../images/11.jpg) center no-repeat;}
.goStep li:nth-child(5) span { background: url(../images/12.jpg) center no-repeat;}
.goStep li p { font-weight: bold; font-size: .16rem; color: #4f5468; line-height: 1; text-align: center;}
.rightCont { float: right; width: calc(100% - 9.7rem); background: #ffffff; padding: .11rem .04rem 0;}
#chartMain { width: 100%; height:4.8rem;}
.tagcloud span{font-weight: bold; font-size: .2rem!important;}
.tagcloud {overflow: hidden; width: 80%; margin: 0 auto; height: 2.68rem;}
.tagcloud>* { display: inline; white-space: nowrap; }